.top{
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #ccc;
  position: fixed;
  left: 0;
  top:0;
  background: #fff;
  z-index: 1;
} 
.middle{
  padding: 60px 10px 100px 10px;
  
  
}
.menu{
  height: 60px;
  width: 100%;
  /* background: pink; */
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  left: 0;
  bottom:0;
  border-top: 1px solid #ccc;
  background: #fff;
}
.menu a{
  color: black;
  padding: 10px 15px;
}

.menu .active{
  background: orangered;
 color: #fff;
}
body{
  background: #e7e6e6;
}
